@media screen and (min-width:320px) and (max-width:359px) and (orientation:portrait) {
    html {
        font-size: 625%;
    }
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html {
        font-size: 703%;
    }
}

@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html {
        font-size: 732.4%;
    }
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html {
        font-size: 750%;
    }
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html {
        font-size: 781.25%;
    }
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
    html {
        font-size: 808.6%;
    }
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
    html {
        font-size: 843.75%;
    }
}

.swiper-container {
    width: 100%;
    height: 1.5rem;
}

.slide1 {
    background: url(../images/publish_01.png) no-repeat center;
    background-size: 100% 1.5rem;
    width: 100%;
    height: 1.5rem;
    position: relative;
}

.slide1 p {
    width: 100%;
    height: .4rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    font-size: .15rem;
    line-height: .4rem;
    position: absolute;
    bottom: 0;
}

.publish_content {
    padding: 0 .1rem;
}

.publish_content_1 {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    height: .925rem;
}

.publish_content_1 img {
    width: .9rem;
    height: .675rem;
    margin-top: .15rem;
    float: left;
}

.publish_content_1 .content_right {
    float: left;
    margin-top: .2rem;
    margin-left: .1rem;
    width: calc(100% - 1rem);
}

.publish_content_1 .content_right h3 {
    font-size: .15rem;
    color: #333;
    word-break: break-all;
}

.publish_content_1 .content_right p {
    font-size: .15rem;
    color: #999;
}
